import React, { Component } from 'react'
import Myscroll1 from '../components/myscroll1'
 class Gundong1 extends Component {
  render() {
    return (
      <div className='gundong1'>
          <Myscroll1 direction = "heng">
             <ol>
                 <li>1111</li>
                 <li>2222</li>
                 <li>333</li>
                 <li>4444</li>
                 <li>555</li>
                 <li>666</li>
                 <li>7777</li>
                 <li>888</li>
             </ol>
          </Myscroll1>
          <Myscroll1 direction = "shu">
              <ul>
                  <li>1111</li>
                  <li>222</li>
                  <li>333</li>
                  <li>444</li>
                  <li>555</li>
                  <li>666</li>
                  <li>777</li>
                  <li>888</li>
                  <li>1111</li>
                  <li>222</li>
                  <li>333</li>
                  <li>444</li>
                  <li>555</li>
                  <li>666</li>
                  <li>777</li>
                  <li>888</li>
              </ul>
          </Myscroll1>
      </div>
    )
  }
}

export default Gundong1
// 封装一个myscrol组件根据传入得参数不同实现左右滚动或者上下滚动